<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>includes</title>

    <script th:src="@{jquery/jquery-1.9.1.js}"></script>
    <script th:src="@{lodash/lodash.js}"></script>
    <script th:src="@{es6/es6-promise.auto.min.js}"></script>
    <script th:src="@{mathjs/math.min.js}"></script>
    <script th:src="@{layui/layui.js}"></script>

    <script th:src="@{echarts/echarts.min.js}"></script>
    <script th:src="@{echarts/theme/vintage.js}"></script>

    <script>
        layui.use('layer', function () {
            var layer = layui.layer;
            $.ajaxSetup({
                beforeSend: function () { layer.load() },
                complete: function () { layer.closeAll() }
            })
        })
    </script>

    <link th:href="@{layui/css/layui.css}" rel="stylesheet">

    <style>
        .layui-card {
            box-shadow:1px 0px 1px 2px rgba(0, 0, 0, 0.1);
        }
        iframe {
            border: none
        }
        .layui-table-cell {
            height: auto;
            white-space: normal;
        }

        .layui-card .table-title{
            border-left: 3px solid #009688;
            padding: 0 10px;
            height: 38px;
            line-height: 38px;
        }

        .data-table{
            margin-top: 20px;
        }

        .table-title  span{
            font-size: 16px;
            color: #000;
        }

        .table-title input[type='button'] {
            float: right;
        }

        .layui-table tbody tr:hover, .layui-table-hover{
            background-color: #D6F4F2;
        }

        .layui-table-page{
            text-align: center;
        }

        .layui-table-page .layui-laypage button{
            background: #009688;
            color: #fff;
        }
    </style>
</head>
<body>
</body>
</html>